<template>
	<view>
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="backText"></block>
			<block slot="content">填写地址</block>
		</cu-custom>
		<view class="bg02" :style="'background-image:url('+imgurl+'bg04.png)'">
			<view class="qui-cells qui-card">
				<view class="qui-cell">
					<navigator class="cell-bd tc pt30 pb30">
						<image :src="imgurl+'/icon_add.png'" class="img40"></image>
						<text class="fs32 fw600">添加收货地址</text>
					</navigator>
				</view>
				<view class="qui-cell" v-if="aa">
					<view class="cell-bd">
						<view class="fs32 fw600">
							<text class="mr20">贝克姆</text>
							<text class="fs34 ff">13858925568</text>
						</view>
						<view class="fs22 text-muted">广东省广州市天河区五一大道御富科贸园C5栋</view>
					</view>
					<view class="arrow-r"></view>
				</view>
			</view>

			<view class="qui-cells qui-card">
				<view class="qui-cell">
					<view class="cell-bd">
						<view class="fs26 fw600">领奖须知</view>
						<view class="fs22 text-gray mt20">1、优惠券有使用期限限制，过了有效期不能使用；</view>
						<view class="fs22 text-gray">2、订单中包含特价商品时不能使用优惠券，优惠券不能与其他优惠（如促销活动）同时使用；</view>
						<view class="fs22 text-gray">3、优惠券只能抵扣订单金额，优惠金额超出订单金额部分不能再次使用，不能兑换现金；</view>
						<view class="fs22 text-gray">4、每个订单只能使用一张优惠券；</view>
						<view v-show="openbox">
							<view class="fs22 text-gray">2、订单中包含特价商品时不能使用优惠券，优惠券不能与其他优惠（如促销活动）同时使用；</view>
							<view class="fs22 text-gray">3、优惠券只能抵扣订单金额，优惠金额超出订单金额部分不能再次使用，不能兑换现金；</view>
							<view class="fs22 text-gray">4、每个订单只能使用一张优惠券；</view>
						</view>
						<view @tap="showbox" class="tc flex justify-center align-center mt30" style="background-color: #f6f6f6;">
							<view class="cell-ft fs20" v-if="openbox">收起</view>
							<view class="cell-ft fs20" v-else>展开全部</view>
							<view :class="openbox ? 'arrow-r arrow-b' : 'arrow-r'"></view>
						</view>

					</view>
				</view>
			</view>
			<view class="qui-cells qui-card">
				<view class="qui-cell">
					<view class="cell-hd">
						<image :src="imgurl+'/goods.jpg'" class="img84"></image>
					</view>
					<view class="cell-bd fs28 mr30">
						雅诗兰黛润肤露滋润养颜新品水感空气霜保湿
					</view>
					<view class="cell-ft tr">
						<view class="fs34 ff text-black">￥600</view>
						<view class="fs20 text-muted">礼品价值</view>
					</view>
				</view>
			</view>
			<navigator url="/" class="uni-btns text-bold bottom_btn">
				<button class="uni-btn-main radio uni-btn fs30">确定</button>
			</navigator>
			
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: -1,
				picker: ['喵喵喵', '汪汪汪', '哼唧哼唧'],
				openbox: false,
				imgurl: this.$imgurl,
			}
		},
		methods: {
			PickerChange(e) {
				this.index = e.detail.value
			},
			showbox() {
				this.openbox = !this.openbox;
			},
		},


	}
</script>

<style lang="scss">
	.bg02 {
		background-size: 100%;
		height: 200rpx;
		background-repeat: no-repeat;
		padding-top: 20rpx;
	}

	.img40 {
		width: 40rpx;
		height: 40rpx;
		position: relative;
		top: 9rpx;
		margin-right: 10rpx;
	}
	.img84{
		width: 84rpx;
		height: 84rpx;
	}
	.arrow-b{
		&:after{
			transform: rotate(135deg);
			left: 10rpx;
			position: relative;
			top: -3rpx;
		}
	}
</style>
